@charset "utf-8";

header {
    position: fixed;
    z-index: 10;
    width: 100%;
    top: 0
}

header #wrapper {
    position: relative
}

header #wrapper .content {
    position: absolute
}

header #wrapper .content .ola-date {
    background-color: #fff;
    box-shadow: 0 .04rem .04rem 0 rgba(0,0,0,.1);
    font-size: 0;
    white-space: nowrap
}

header #wrapper .content .ola-date li {
    display: inline-block;
    position: relative;
    width: 1.15rem;
    height: 100%;
    text-align: center;
    letter-spacing: -.31px;
    color: #333;
    padding: .05rem 0
}

header #wrapper .content .ola-date li .weeks {
    font-size: .24rem;
    line-height: .33rem
}

header #wrapper .content .ola-date li .date {
    font-size: .2rem;
    line-height: .28rem
}

header #wrapper .content .ola-date li .message {
    font-size: .24rem;
    line-height: .33rem
}

header #wrapper .content .ola-date li .on-sale {
    color: #6392fe
}

header #wrapper .content .ola-date li .sell-out {
    color: #fe6363
}

header #wrapper .content .ola-date li .not-start {
    color: #999
}

header #wrapper .content .ola-date .active {
    color: #fff;
    background: #6392fe
}

header #wrapper .content .ola-date .active .message {
    color: #fff
}

header .all-date-btn {
    background: #fff;
    box-shadow: -.06rem 0 .04rem 0 rgba(0,0,0,.1);
    display: inline-block;
    width: 1rem;
    position: fixed;
    right: 0;
    top: 0;
    text-align: center;
    font-size: .24rem;
    color: #333;
    letter-spacing: -.31px;
    height: 1rem
}

header .all-date-btn:active {
    background: #6392fe;
    color: #fff
}

.main-container {
    margin-top: 1.22rem
}

.ola-list-box{
	padding-bottom: 0.22rem;
}

.ola-list-box li.lineItem {
    background-color: #fff;
    margin: .22rem .22rem 0;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
    border-radius: 3px;
    position: relative
}

.ola-list-box li.lineItem .travel .thumb {
	width: 100%;
	height: 0;
	padding-top: 50%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: auto 100%
}

.ola-list-box li.lineItem .travel h4 {
	padding: .22rem .22rem .04rem;
	font-size: .32rem;
	color: #333
}

.ola-list-box li.lineItem .ola-head {
    padding: .18rem .22rem
}

.ola-list-box li.lineItem .ola-head .line-labels {
    width: 5.4rem;
    min-height: .55rem;
    display: inline-block
}

.ola-list-box li.lineItem .ola-head .line-labels span {
    border-radius: .1rem;
    font-size: .2rem;
    display: inline-block;
    height: .35rem;
    line-height: 0.35rem;
    padding: 0 .07rem;
    margin-bottom: .14rem;
    margin-right: .1rem
}

.ola-list-box li.lineItem .ola-head .line-labels .discount-name {
    border: .01rem solid #fe6666;
    background: hsla(0,99%,70%,.1);
    color: #fe6666
}

.ola-list-box li.lineItem .ola-head .line-labels .distribution {
    background: rgba(177,201,255,.41);
    border: .01rem solid #6392fe;
    color: #6392fe
}

.ola-list-box li.lineItem .ola-head .duration {
    font-size: .28rem;
    color: #fff;
    width: 1.62rem;
    height: .47rem;
    line-height: 0.42rem;
    text-align: center;
    background: url(../../images/bus/duration-bg.png) 50% no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: -.04rem;
    top: .16rem
}

.ola-list-box li.lineItem .ola-label {
    position: relative;
    line-height: .4rem
}

.ola-list-box li.lineItem .ola-label>* {
    display: inline-block;
    font-size: .22rem;
    color: #333;
    background-color: #e4e4e4;
    padding: 0 .1rem;
    margin-right: .1rem;
    margin-top: .15rem;
    border-radius: .1rem
}

.ola-list-box li.lineItem .ola-label-gray>* {
    font-size: .22rem;
    color: #999;
    background: hsla(0,0%,89%,.31)
}

.ola-list-box li.lineItem .ola-tips {
    margin-bottom: .22rem;
    font-size: .28rem;
    color: #333;
    height: .4rem;
    line-height: .4rem;
    text-align: right
}

.ola-list-box li.lineItem .ola-station {
    position: relative
}

.ola-list-box li.lineItem .ola-station .ola-station-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-top: .13rem;
    position: relative;
    padding-left: .38rem
}

.ola-list-box li.lineItem .ola-station .ola-station-item:first-child {
    margin-top: 0
}

.ola-list-box li.lineItem .ola-station .ola-station-item:before {
    content: "";
    position: absolute;
    top: .16rem;
    bottom: 0;
    left: 0;
    width: .16rem;
    height: .16rem;
    border-radius: 100%
}

.ola-list-box li.lineItem .ola-station .ola-station-item:first-child::before {
    background: #25ce5f
}

.ola-list-box li.lineItem .ola-station .ola-station-item:nth-child(2):before {
    background: #fe6666
}

.ola-list-box li.lineItem .ola-station .ola-station-item:first-child:after {
    content: "";
    position: absolute;
    top: .4rem;
    left: .06rem;
    bottom: -.22rem;
    z-index: 6;
    width: 0;
    height: auto;
    border: 1px solid #ccc
}
/**/
.ola-list-box li.lineItem .ola-station .special-station {
    padding-left: .52rem
}
.ola-list-box li.lineItem .ola-station .special-station:before {
    content: "";
    position: absolute;
    top: .1rem;
    bottom: 0;
    left: 0;
    width: .3rem;
    height: .3rem;
    border-radius: 100%
}
.ola-list-box li.lineItem .ola-station .special-station:first-child::before {
    background: url("../../images/bus/icon_boarding.png") center no-repeat;
    background-size: 100% 100%;
}

.ola-list-box li.lineItem .ola-station .special-station:nth-child(2):before {
    background: url("../../images/bus/icon_get_off.png") center no-repeat;
    background-size: 100% 100%;
}

.ola-list-box li.lineItem .ola-station .special-station:first-child:after {
    display: none;
}
/**/
.ola-list-box li.lineItem .ola-station .ola-station-item .ola-station-info {
    -webkit-box-flex: 1.5;
    -webkit-flex: 1.5;
    flex: 1.5;
    text-align: left;
    margin-right: .22rem
}

.ola-list-box li.lineItem .ola-station .ola-station-item .ola-station-info>* {
    display: inline-block;
    line-height: .45rem;
    vertical-align: text-top
}

.ola-list-box li.lineItem .ola-station .ola-station-item .ola-station-info h4 {
    font-size: .32rem;
    color: #333;
    font-weight: 400
}

.ola-list-box li.lineItem .ola-station .ola-station-item .ola-station-info i {
    margin-left: .06rem;
    font-size: .28rem;
    white-space: nowrap
}

.ola-list-box li.lineItem .ola-station .ola-station-item .ola-station-info i.ending,.ola-list-box li.lineItem .ola-station .ola-station-item .ola-station-info i.pathway,.ola-list-box li.lineItem .ola-station .ola-station-item .ola-station-info i.starting {
    font-size: .22rem;
    color: #999
}

.ola-list-box li.lineItem .ola-station .ola-station-item .ola-station-distance {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding-top: .04rem;
    text-align: right;
    font-size: .22rem;
    color: #999;
    line-height: .4rem;
    white-space: nowrap
}

.ola-list-box li.lineItem .ola-station .ola-station-item .ola-tips {
    margin-bottom: 0
}

.ola-list-box li.lineItem .ola-ticket {
    padding: 0 .22rem;
    max-height: 3.75rem;
    overflow-y: hidden
}

.ola-list-box li.lineItem .ola-ticket.slideToggle {
    height: auto;
    max-height: 100%;
    -webkit-transition: all .6s;
    transition: all .6s
}

.ola-list-box li.lineItem .ola-ticket .ola-ticket-item {
    padding: .33rem 0;
    padding-right: .4rem!important;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.ola-list-box li.lineItem .ola-ticket .ola-ticket-item:after {
    right: .08rem
}

.ola-list-box li.lineItem .ola-ticket .ola-ticket-item:last-child {
    background-image: none
}

.ola-list-box li.lineItem .ola-ticket .ola-ticket-item .ola-ticket-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.ola-list-box li.lineItem .ola-ticket .ola-ticket-item .ola-ticket-info>* {
    display: inline-block;
    vertical-align: middle
}

.ola-list-box li.lineItem .ola-ticket .ola-ticket-item .ola-ticket-info h4 {
    font-size: .32rem;
    color: #333
}

.ola-list-box li.lineItem .ola-ticket .ola-ticket-item .ola-ticket-info i {
    margin: -.04rem 0 0;
    padding: 0 .16rem;
    font-size: .28rem;
    color: #f27d4a
}

.ola-list-box li.lineItem .ola-ticket .ola-ticket-item .ola-ticket-info .special-icon {
    font-size: .2rem;
    line-height: .28rem;
    color: #fff;
    background: #fe6666;
    border-radius: .03rem;
    margin: -.04rem 0 0;
    padding: .01rem .06rem
}

.ola-list-box li.lineItem .ola-ticket .ola-ticket-item .ola-ticket-btn {
    display: inline-block;
    margin-left: .22rem;
    text-align: right;
    font-size: .42rem;
    color: #fe6666;
    line-height: .59rem;
    height: .59rem;
    overflow: hidden;
    font-family: Microsoft YaHei,Arial
}

.ola-list-box li.lineItem .ola-ticket .ola-ticket-item .ola-ticket-btn i {
    font-size: 14px;
    color: #fe6666
}

.ola-list-box li.lineItem .ola-ticket .ola-ticket-item .ola-ticket-btn em {
    display: inline-block;
    margin-top: -.06rem;
    margin-left: .12rem;
    font-size: .28rem;
    color: #9b9b9b;
    vertical-align: middle
}

.ola-list-box li.lineItem .ola-ticket .ola-ticket-item .ola-ticket-btn .original {
    text-decoration: line-through;
    margin-left: 0;
    margin-right: .12rem
}

.ola-list-box li.lineItem .ola-ticket .ola-ticket-item.sell-out .ola-ticket-info h4,.ola-list-box li.lineItem .ola-ticket .ola-ticket-item.sell-out .ola-ticket-info i {
    color: #ccc
}

.ola-list-box li.lineItem .ola-ticket .ola-ticket-item.sell-out .ola-ticket-info .special-icon {
    background: #ccc
}

.ola-list-box li.lineItem .ola-ticket .ola-ticket-item.sell-out .ola-ticket-btn,.ola-list-box li.lineItem .ola-ticket .ola-ticket-item.sell-out .ola-ticket-btn em,.ola-list-box li.lineItem .ola-ticket .ola-ticket-item.sell-out .ola-ticket-btn i {
    color: #ccc
}

.ola-list-box li.lineItem .all {
    height: 1.015rem;
    line-height: 1.015rem;
    text-align: center;
    font-size: .28rem;
    color: #9b9b9b
}

.ola-list-box li.lineItem .all:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: .13rem;
    width: .3rem;
    height: .18rem;
    background: url(../../images/bus/button-whole.png) no-repeat 50%;
    background-size: 100% 100%;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
    -webkit-transition: all .26s;
    transition: all .26s
}

.ola-list-box li.lineItem .somersault:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ola-list-box li.lineItem.no-stock .travel .thumb {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

.ola-list-box li.lineItem.no-stock .line-labels .label-right,.ola-list-box li.lineItem.no-stock .ola-tips,.ola-list-box li.lineItem.no-stock .travel h4 {
	color: #999
}

.ola-list-box li.lineItem.no-stock .ola-head .duration {
    background: url(../../images/bus/duration-out-bg.png) 50% no-repeat;
    background-size: 100% 100%
}

.ola-list-box li.lineItem.no-stock .line-labels .label-right,.ola-list-box li.lineItem.no-stock .ola-tips {
    color: #999
}

.ola-list-box li.lineItem.no-stock .line-labels .discount-name,.ola-list-box li.lineItem.no-stock .line-labels .distribution {
    color: #999;
    background: hsla(0,0%,89%,.31);
    border: .01rem solid #999
}

.ola-list-box li.lineItem.no-stock .ola-label>* {
    color: #999;
    background: hsla(0,0%,89%,.31)
}

.ola-list-box li.lineItem.no-stock .ola-station:before {
    border-color: #a5a5a5
}

.ola-list-box li.lineItem.no-stock .ola-station .ola-station-item:before {
    background: #9a9a9a!important;
    border-radius: 100%
}

.ola-list-box li.lineItem.no-stock .ola-station .ola-station-item .ola-station-info h4,.ola-list-box li.lineItem.no-stock .ola-station .ola-station-item .ola-station-info i {
    color: #a5a5a5!important
}

.ola-list-box li.lineItem.no-stock .no-stock-status {
    height: .995rem;
    line-height: .995rem;
    font-size: .32rem;
    color: #999;
    text-align: center
}

.ola-list-box li.lineItem.no-stock .ola-ticket-item .ola-ticket-btn,.ola-list-box li.lineItem.no-stock .ola-ticket-item .ola-ticket-btn>*,.ola-list-box li.lineItem.no-stock .ola-ticket-item .ola-ticket-info,.ola-list-box li.lineItem.no-stock .ola-ticket-item .ola-ticket-info>* {
    color: #999!important
}

.ola-list-box li.lineItem.no-stock .ola-ticket-item .special-icon {
    color: #fff!important;
    background: #ccc!important
}

.empty-page {
    padding: 2.9rem .22rem .6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    color: #bcbbc4;
    font-size: .28rem
}

.empty-page .empty-main {
    width: 100%
}

.empty-page .empty-main i {
    display: block;
    height: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    margin: 0 auto .39rem
}

.empty-page .empty-main p {
    font-size: .28rem;
    color: #999
}

.empty-page .empty-main .btn {
    margin: .6rem auto 0;
    width: 3.42rem
}

.ola-list-box li.lineItem.no-stock .ola-station .special-station:first-child::before{
    background: url("../../images/bus/icon_boarding_gray.png") center no-repeat!important;
    background-size: 100% 100%!important;
}
.ola-list-box li.lineItem.no-stock .ola-station .special-station:nth-child(2):before{
    background: url("../../images/bus/icon_get_off_gray.png") center no-repeat!important;
    background-size: 100% 100%!important;
}